import React, { Component } from 'react'

class GoodFood extends Component {

  render() {
    return (
      <div className="home-goodfood-container">
        <div className="title">精品好菜</div>
        <div className="item">
          {this.props.data.map(item => (
            <dl>
              <dt>
                <img src={item.img} alt="" />
              </dt>
              <dd>
                <h3>{item.name}</h3>
                <p>1000浏览 {item.favorites}收藏</p>
              </dd>
            </dl>
          ))}
        </div>
      </div>
    )
  }
}

export default GoodFood
